    .form {
    display: flex;
    flex-direction: column;
    max-width: 300px;
    margin: 0 auto;
   }

   .form input{
    margin-bottom: .4rem;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: #000 solid 1.5px;
    text-align: center;
   }
   
    .form input:focus,
    .form input:active {
        outline: none;
    }

    .form input:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #333;
    }

   .question_box{
    text-align: right;
    margin-bottom: .3rem;
   }

   .question{
    cursor: pointer;
    font-weight: 600;
    font-size: 0.7rem;
    margin-bottom: .3rem;
    color: #555;
    text-align: right;
    transition: background-color 0.3s ease;
    text-decoration: none;
   }

   .question:hover{
    color: #000;
   }
   
   .title {
    margin-top: 7rem;
    text-align: center;
    margin-bottom: 1rem;
   }
   
   .submit {
    width: 100%;
    background-color: #333;
    color: #fff;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 600;
   }
   
   .submit:hover {
    background-color: #555;
   }
   
   /* Add your other field styles here */